
<script type="text/javascript">
	$(document).ready(function() {
		$('.carousel').carousel();
	});
</script>

<div id="carousel-example-generic" class="carousel slide">

	<!-- Wrapper for slides -->
	<div class="carousel-inner">
		<div class="item active">
			<img src="http://placehold.it/900x500" alt="">
			<div class="carousel-caption">
				slide 1
			</div>
		</div>
		<div class="item">
			<img src="http://placehold.it/900x500" alt="">
			<div class="carousel-caption">
				slide 2
			</div>
		</div>
		<div class="item">
			<img src="http://placehold.it/900x500" alt="">
			<div class="carousel-caption">
				slide 3
			</div>
		</div>
	</div>

	<!-- Controls -->
	<a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
		<span class="icon-prev"></span>
	</a>
	<a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
		<span class="icon-next"></span>
	</a>
</div>
